.userInfor-box {
  width: 70rem;
  height: 100%;
  // background-color: rgb(214, 210, 210);
  margin: auto;


  .user-information {
    height: 8rem;
    display: flex;
    justify-content: space-between;

    .user-head {
      width: 5rem;
      height: 5rem;
      margin: auto 1rem auto 10rem;
      border: 1px solid darkblue;
      border-radius: 50%;
      img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }

    .user-infor-sch {
      width: 50rem;
      height: 8rem;
      margin: auto 5rem auto 1rem;

      ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.5rem;

        li {
          list-style: none;
          display: inline;
          width: 14rem;

          margin-left: 0.5rem;
        }
      }
    }
  }

  .user-updata {
    // background-color: darkgoldenrod;
    margin: 1rem 0 1rem 0;
    height: 3rem;
    padding: 0 10rem;
    button {
      box-shadow: 1px 1px 2px rgba(223, 223, 223, 0.966);
      margin-right: 5rem;
      border-radius: 12px;
      border: 0px;
      background-color:#ececec;
    }
  }

  .user-infor-card {
    height: 23rem;
    // background-color: darkgrey;
    background-image: url('../../../assets/image/userInfor/02.png');
    background-size: 100%;
    background-color: #f3f1f1;
    background-repeat: no-repeat;
    background-position-y: -6rem;
    font-size: 14px;
    overflow: auto;
    width: 49rem;
    margin: 0 auto;
    border-radius: 12px;
    border: 1px solid rgba(206, 203, 203, 0.548);
    padding: 0 7rem;
  

    .user-infor-more {
      display: flex;

      span {
        width: 6.4rem;
      }

      p {
        overflow: auto;
        // border: 1px solid black;
        height: 5rem;
        width: 40rem;

        /* 定义滚动条样式 */
        &::-webkit-scrollbar {
          width: 5px;
        }

        /* 定义滚动条轨道样式 */
        &::-webkit-scrollbar-track {
          background-color: #83838300;
        }

        /* 定义滚动条滑块样式 */
        &::-webkit-scrollbar-thumb {
          background-color: #4e4d4d;
          border-radius: 5px;
        }

        /* 定义滚动条滑块悬停时的样式 */
        &::-webkit-scrollbar-thumb:hover {
          background-color: #a19f9f;
        }
      }
    }

    div {
      margin: 0.8rem 0 0 0;
    }
  }
}

.updata-user-infor {
  input {
    border-radius: 8px;
  }
}
